


$(function () {
    var flagname = false;
    var flagpassword = false;

    $('#exampleInputName').blur(function () {
        // 获取用户名的内容
        var name =$(this).val();
        // 定义正则
        var rule = /^[A-Za-z0-9]{3,8}$/;
        // 判断内容是否符合正则  test方法
          // 如果name符合reg的要求就返回true  如果不符合要求就返回false
        b =rule.test(name);

        if (b){
            // $('#nameinfo').html('用户名可以使用').css('color','green')
            // 会执行请求 然后将这个用户名字 传到视图函数中
            // 视图函数 去数据库验证是否有这个数据 如果有  那么提示用户名字已经注册
            // 如果没有 那么显示用户名字可以使用
            // $.getJson  $.get   $.post  $.ajax
            // getJSON(请求资源路径，请求参数，执行完请求之后获取的值)
            //data 就是服务器响应的数据  json数据  注意一定是json
            $.getJSON('/axfuser/ckeckName/',
                {'name':name},
                function (data) {
                    if(data['status'] == 200){
                        $('#nameinfo').html(data['msg']).css('color','green');
                        flagname = true

                    }else {
                        $('#nameinfo').html(data['msg']).css('color','red')
                    }

                }

                )

        }else {

            $('#nameinfo').html('用户名不可以使用').css('color','red')
        }

        // 密码验证
        $('#exampleInputPassword2').blur(function () {
            var password1 = $('#exampleInputPassword1').val();
            var password2 = $('#exampleInputPassword2').val();
            console.log(password1);
            console.log(password2);
            if (password1==password2){
                $('#passwordInfo').html('密码一致').css('color','green')
                flagpassword = true
            }else {
                $('#passwordInfo').html('密码不一致').css('color','red')
            }

        })

        // 表单验证 submit方法中  只有返回true才可以提交表单  如果返回false那么就不允许提交
        $('form').submit(function () {
            var name =$('#nameinfo').val();

            if (!name){
                $('#nameinfo').html('用户名不能为空').css('color','red')

            }

            var password=$('#exampleInputPassword1').val();
            if (!password){
                $('#passwordInfo').html('密码不能为空').css('color','red');
                return false
            }


            var b = flagname & flagpassword;

            if(b == 1){
                //加密
                password = md5(password);
                //加密后给密码框
                $('#exampleInputPassword1').val(password);
                return true;
            }else{
                return false;
            }

        })

    })


})


// 验证整个表单是否为空
function validateForm(){
    var x=document.forms["myform"]['password2'].value;
// var name = $('#nameinfo').val()
   
    if (x==null || x==""){
        return false;
  }
}


